<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:f="http://xmlns.jcp.org/jsf/core"
      xmlns:p="http://primefaces.org/ui">

    <ui:composition>

        <p:dialog id="PagosViewDlg" widgetVar="PagosViewDialog" modal="true" resizable="false" appendTo="@(body)" header="DATOS">
            <h:form id="PagosViewForm">
                <h:panelGroup id="display">
                    <p:panelGrid columns="2" rendered="#{pagosController.selected != null}">
                        <h:outputText value="FECHA DE REGISTRO" style="font-weight: bold; color: #cc0000"/>
                        <h:outputText value="#{pagosController.selected.fechaRegistro}">
                            <f:convertDateTime pattern="EEE, dd MMM, yyyy, HH:mm" />
                        </h:outputText>
                        <h:outputText value="FECHA DE CADUCIDAD" style="font-weight: bold; color: #cc0000"/>
                        <h:outputText value="#{pagosController.selected.fechaCaducidad}">
                            <f:convertDateTime pattern="EEE, dd MMM, yyyy" />
                        </h:outputText>
                        <h:outputText value="NUMERO DE DEPOSITO" style="font-weight: bold; color: #cc0000"/>
                        <h:outputText value="#{pagosController.selected.numeroDeposito}"/>

                        <h:outputText value="FECHA DE DEPOSITO" style="font-weight: bold; color: #cc0000"/>
                        <h:outputText value="#{pagosController.selected.fechaDeposito}">
                            <f:convertDateTime pattern="EEE, dd MMM, yyyy" />
                        </h:outputText>
                        <h:outputText value="VALOR CANCELADO" style="font-weight: bold; color: #cc0000"/>
                        <h:outputText value="#{pagosController.selected.valor}"/>
                        <h:outputText value="ELIMINADO" style="font-weight: bold; color: #cc0000"/>

                        <p:selectBooleanCheckbox value="#{pagosController.selected.eliminado}" disabled="true"/>
                        <h:outputText value="ESTADO" style="font-weight: bold; color: #cc0000"/>
                        <p:selectOneMenu id="estado" 
                                         value="#{pagosController.selected.idUsuario.sistemaUsuario.estado}"
                                         disabled="true" >
                            <f:selectItem itemLabel="PAGADO" itemValue="P" />  
                            <f:selectItem itemLabel="VENCIDO" itemValue="V" />
                            <f:selectItem itemLabel="EN ESPERA" itemValue="E" />  
                        </p:selectOneMenu>

                    </p:panelGrid>
                    <p:panel>
                        <f:facet name="header">
                            <h:outputText value="USUARIO"/>
                        </f:facet>
                        <h:panelGrid columns="2"  cellpadding="5" columnClasses="label,value" style="width: 100%;" rendered="#{pagosController.usuario!=null}" >
                            <f:facet name="header">
                                <p:graphicImage value="Documentos/#{pagosController.selected.idUsuario.username}/#{pagosController.selected.idUsuario.url}" width="60" height="60"/> 

                            </f:facet>
                            <h:outputText value="NOMBRES" style="font-weight: bold; color: #0480be"/>
                            <h:outputText value="#{pagosController.selected.idUsuario.nombres} #{pagosController.selected.idUsuario.apellidos}"/>

                            <h:outputText value="IDENTIDAD" style="font-weight: bold; color: #0480be"/>
                            <h:outputText value="#{pagosController.selected.idUsuario.identidad}"/>

                            <h:outputText value="USERNAME" style="font-weight: bold; color: #0480be"/>
                            <h:outputText value="#{pagosController.selected.idUsuario.username}"/>

                            <h:outputText value="EMAIL" style="font-weight: bold; color: #0480be"/>
                            <h:outputText value="#{pagosController.selected.idUsuario.correoElectronico}"/>
                        </h:panelGrid>
                    </p:panel>
                    <p:commandButton value="Cerrar" onclick="PagosViewDialog.hide()"/>
                </h:panelGroup>

            </h:form>
        </p:dialog>

    </ui:composition>
</html>
